<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title><ui:insert name="title">SISTEMA DE REGISTRO NACIONAL DE TRABAJADORES DE CONSTRUCCION CIVIL</ui:insert></title>
	<h:outputStylesheet name="retcc.css" library="css" />
	<h:outputStylesheet name="login.css" library="css" />
	<h:outputScript name="validacion.js" library="js"/>
</h:head>

<h:body>

	<!-- Se va a usar Tablas para ordenarlo Se puede usar Div  -->

	
	
	<table cellpadding="0" cellspacing="0" align="center" border="0" class="tablaPrincipal">
		<tr>
			<td colspan="2" style="padding: 0px; border: 1px solid black;">
				<ui:insert name="cabecera">
					<p:graphicImage value="/resources/images/principal/cabecera2.png"/>
				</ui:insert>
			</td>
		</tr>
		<tr>
			<td colspan="2" class="controlClase" align="left">				
					<ui:insert name="datosUsuario">
						<h:panelGrid columns="8">
							<h:outputLabel value="Bienvenido:" />
							<h:outputText value="#{menuBean.PGP_Usuario.v_desnombres} #{menuBean.PGP_Usuario.v_desapepat} #{menuBean.PGP_Usuario.v_desapemat}" />
							&nbsp;
							<h:outputLabel value="Perfil:" />
							<h:outputText value="#{menuBean.PGP_Permisos.v_desper}" />							
							&nbsp;
							<h:outputLabel value="Fecha:"/>
							<h:outputText value="#{cargaAppBean.s_fecha}"/>														
							
						</h:panelGrid>
						<h:panelGrid columns="2">
							<h:outputLabel value="Dependencia:" />
							<h:outputText value="#{menuBean.PGP_Usuario.v_desdep}"/>
						</h:panelGrid>
					</ui:insert>
				
			</td>
		</tr>
			
		<tr >
			<td colspan="1" style="padding: 0px; vertical-align: top;">				
					<ui:insert name="menu2">
						<h:form id="formMenu2" rendered="#{cargaAppBean.menu=='v'}" styleClass="menuClase">
							 <p:menu  model="#{menuBean.menuModel}" rendered="#{cargaAppBean.menu=='v'}"/>						 
						</h:form>
					</ui:insert>
				
			</td>
			<td style="vertical-align: super;padding: 0px;" colspan="1">
				<div id="contenido" class="contenidoClase">
					<ui:insert name="contenido">
					</ui:insert>
				</div> 
				<p:dialog showHeader="false" modal="true" widgetVar="statusDialog"
					header="Status" draggable="false" closable="false"
					position="center" resizable="false">
					<h:outputText value="Espere porfavor..." />
					<br />
					<p:graphicImage value="/resources/images/iconos/Ajaxloading.gif" />
				</p:dialog>
			</td>
		</tr>
		<tr>
			<td colspan="2" style="padding-top: 5px;">
				<ui:insert name="pie">
					<fieldset style="margin: 0px;border: 1px solid #93C5F6; "> 

						<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="margin: 0px;">
							<tr>
								<td width="6%" rowspan="2" style="vertical-align: middle;" align="center" valign="top"><p:graphicImage value="/resources/images/principal/logo_mtpe.png"/></td>
								<td width="94%" height="19" align="left" valign="middle" class="contenido_negrita">
										Elaborado por la Oficina de Tecnologías de la Información y Comunicaciones
								</td>
							</tr>
							<tr>
								<td height="23" align="left" valign="top" class="contenido_especial">
										Copyright © 2013 Sistema REGISTRO NACIONAL DE TRABAJADORES DE CONSTRUCI&Oacute;N CIVIL. Todos los Derechos Reservados
								</td>
							</tr>	
						</table>

					</fieldset>
				</ui:insert>
			</td>
		</tr>
	</table>
   

</h:body>
</html>
